<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<!-- Icons for Web App
<link rel="apple-touch-icon" sizes="114x114" href="images/nav/index@2x.png">
<link rel="apple-touch-startup-image" href="images/splash/splash-screen.png" media="screen and (max-device-width: 320px)" />
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/splash/splash-screen@2x.png" />
-->
<title>Frontera Pesos</title>
<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/type.css" rel="stylesheet" type="text/css">
<link href="styles/buttons.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)"	type="text/css" href="styles/highdpi.css" />

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/highdpi.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
 <script>
function formSubmitRule(fName)
{
	alert(fName);
//document.getElementById("addrule").submit();
}
function formSubmitCampaign()
{
document.getElementById("addcampaign").submit();
}
function formSubmitCustomer()
{
document.getElementById("editcustomer").submit();
}
function formSubmitBirthday()
{
document.getElementById("birthday").submit();
}
</script>
</head>
<body>
<div class="landing-page">
	<p class="center-text landing-logo shadow">
    	<img class="replace-2x" width="200" src="../assets/frontera-pesos-logo.png" alt="img">
	      
    </p>
    
    <center>
     
	<div class="tablet-box-expanded" style="width:780px;">
 
      <div class="tablet-customer" style="width:780px;">
        
        <span>
        <p><a href="#">Administration</a> - <a href="admin-view-customer.html">Customer Info</a> - <a href="admin-view-faq.html">Faq</a></p>
        <p>&nbsp;</p>
        <p><a href="#"><strong>Logout</strong></a><strong></strong></p>
        </span>
        <p>&nbsp;</p>
        <h2>Promo Rules</h2>
        <p>&nbsp;</p>
        <style type="text/css">
		table{
			border:solid #666 medium;
			margin-left:auto;
			margin-right:auto;
		}
		.toprow{
		background-color:#CCC;
		font-size:1.5em;
		}
		
		.td{
			border:1px solid #000;
		}
		
		</style>
		<form name="editPromo" id="editPromo" method="post" action="../Admin">
        <table width="745">
          <tr class="toprow">
          	<td><h5>Birthday Promo</h5></td>
            <td><h5>Promo Name</h5></td>
            <td><h5>Pesos</h5></td>
            <td><h5>Active</h5></td>
            <td><h5>Start Date</h5></td>
            <td><h5>End Date</h5></td>
            <td><h5>Remove</h5></td>
            <td><h5>Update</h5></td>
          </tr>
          <tr>
          	<td>&nbsp;</td>
            <td>Cheese Dip</td>
            <td>20</td>
            <td>
            	&nbsp;
            </td>
            <td>mm/dd/yyyy</td>
            <td>mm/dd/yyyy</td>
            <td>
            	<a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Delete" >
			   		<img src="../assets/cross.png" alt="img"  class="replace-2x">
				</a>
            </td>
            <td>
            <a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Update" >
			   <img src="../assets/update.jpg" alt="img" width="70"  class="replace-2x">
			</a>
		
            </td>
          </tr>
          <tr>
          	<td>&nbsp;</td>
            <td>Nacho Combo</td>
            <td>30</td>
            <td>
				<img src="../assets/tick.png" alt="img"  class="replace-2x">
			</td>
            <td>mm/dd/yyyy</td>
            <td>mm/dd/yyyy</td>
            <td>
            	<a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Delete" >
			   		<img src="../assets/cross.png" alt="img"  class="replace-2x">
				</a>
            </td>
            <td>
            <a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Update" >
			   <img src="../assets/update.jpg" alt="img" width="70"   class="replace-2x">
			</a>
		
            </td>
          </tr>
         <tr>
          	<td>
				<img src="../assets/tick.png" alt="img"  class="replace-2x">
			</td>
            <td>It's your birthday.<br> Enjoy a Free cheese dip!</td>
            <td>0</td>
            <td>
            	&nbsp;
			</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>
            	<a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Delete" >
			   		<img src="../assets/cross.png" alt="img"  class="replace-2x">
				</a>
            </td>
            <td>
            <a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Update" >
			   <img src="../assets/update.jpg" alt="img" width="70"   class="replace-2x">
			</a>
		
            </td>
          </tr> 
          
        </table>
        </form>
        <form name="editCampaignPromo" id="editCampaignPromo" method="post" action="../Admin">
        <h2>&nbsp;</h2>
        <h2>Campaign Rules</h2>
        <p>&nbsp;</p>
        <style type="text/css">
		table{
			border:solid #666 medium;
			margin-left:auto;
			margin-right:auto;
		}
		.toprow{
		background-color:#CCC;
		font-size:1.5em;
		}
		
		.td{
			border:1px solid #000;
		}
		
		h5{
			padding:4px;
			font-size:.7em;
		}
		
		</style>
        <table width="745">
          <tr class="toprow">
            <td><h5>Campaign Name</h5></td>
            <td><h5>Peso Multiplier</h5></td>
            <td><h5>Active</h5></td>
            <td><h5>Start Date</h5></td>
            <td><h5>End Date</h5></td>
            <td><h5>Remove</h5></td>
             <td><h5>Update</h5></td>
          </tr>
          <tr>
            <td>Cinco De Mayo</td>
            <td>5</td>
            <td>
            	&nbsp;
            </td>
            <td>mm/dd/yyyy</td>
            <td>mm/dd/yyyy</td>
            <td>
            	<a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Delete" >
			   		<img src="../assets/cross.png" alt="img"  class="replace-2x">
				</a>
            </td>
            <td>
            <a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Update" >
			   <img src="../assets/update.jpg" alt="img" width="70"   class="replace-2x">
			</a>
		
            </td>
          </tr>
          <tr>
            <td>Special Week</td>
            <td>2</td>
            <td>
           		<img src="../assets/tick.png" alt="img"  class="replace-2x">
			</td>
            <td>mm/dd/yyyy</td>
            <td>mm/dd/yyyy</td>
             <td>
            	<a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Delete" >
			   		<img src="../assets/cross.png" alt="img"  class="replace-2x">
				</a>
            </td>
            <td>
            <a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Update" >
			   <img src="../assets/update.jpg" alt="img"  width="70" class="replace-2x">
			</a>
		
            </td>
          </tr>
        </table>
        </form>
        <form name="editBirthdayPromo" id="editBirthdayPromo" method="post" action="../Admin">
   
        <h2>&nbsp;</h2>
        <h2>Birthday Promo</h2>
        <p>&nbsp;</p>
        <style type="text/css">
		table{
			border:solid #666 medium;
			margin-left:auto;
			margin-right:auto;
		}
		.toprow{
		background-color:#CCC;
		font-size:1.5em;
		}
		
		.td{
			border:1px solid #000;
		}
		
		h5{
			padding:4px;
			font-size:.7em;
		}
		
		</style>
        <table width="745">
          <tr class="toprow">
            <td><h5>Birthday Promo</h5></td>
            <td><h5>Peso Multiplier</h5></td>
            <td><h5>Remove</h5></td>
            <td><h5>Update</h5></td>
          </tr>
          <tr>
            <td>It's your birthday. Enjoy a Free cheese dip!</td>
            <td>1</td>
            <td>
				<a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Delete" >
			   		<img src="../assets/cross.png" alt="img"  class="replace-2x">
				</a>
			</td>
			<td>
            <a href="javascript:void(0)" onClick="formSubmitRule('editPromo')" title="Update" >
			   <img src="../assets/update.jpg" alt="img"  width="70" class="replace-2x">
			</a>
		
            </td>
          </tr>
        </table>
        <p></p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        </form>
        <div style="width:200px; border:solid #666 medium; padding:15px; position:relative; float:left; margin-left:20px; margin-right:18px;">
          <h2>Add Promo</h2>
          <br/>
          <form name="addrule" method="post" id="addrule" action="../Admin">
            <p>
              <label for="promoname2">Promo Name</label>
              <input name="promoname" class="text-input"  id="textfield" type="text"   style="background-image:none;" />
              <br/>
              <br/>
              <label for="pesoamount2">Pesos Amount</label>
              <input name="promoamount"  class="text-input"  id="textfield" type="text"  style="background-image:none;" />
            </p>
            <p>&nbsp;</p>
               <p>
              <label for="promostartdate">Start Date<br>
                <input name="promostartdate" type="date"  id="textfield" placeholder="mm/dd/yyyy">
              </label>
              </p>
               <p><br>
               <label for="promoenddate">End Date<br>
              <input name="promoenddate" type="date"  id="textfield" placeholder="mm/dd/yyyy">
              <br/>
              <br/>
              <label for="setinitialstatus2">Active upon Submission?</label>
              <br/>
              Yes
              <input name="setinitialstatus" type="radio" value="active">
              No
              <input name="setinitialstatus" type="radio" value="inactive" checked >
              <br/>
              <br/>
               <p>&nbsp;</p>
               <p>Is this a birthday promo?<br/>
                Yes
              <input name="setbirthdaypromo" type="radio" value="yes">
              No
              <input name="setbirthdaypromo" type="radio" value="no" checked >
               <p><br/>
              <br/>
              <span class=""><a class="buttonBigYellow" onclick="formSubmitRule('addrule')" href="javascript:void(0)">Add Rule</a></span></p>
              </p>
          </form>
        </div> 
        <div style="width:200px; border:solid #666 medium; padding:15px; position:relative; float:right; margin-right:17px;">
        <h2>Add Campaign</h2><br/>
        <form name="addcampaign" id="addcampaign" method="post" action="../Admin">
          <p>
            <label for="campaignname">Campaign Name</label>
            <input name="campaignname"  class="text-input"  id="textfield" type="text"  style="background-image:none;" />
  <br/><br/>
            <label for="pesoamount">Pesos Multiplier</label>
            <input name="pesoamount"  class="text-input"  id="textfield" type="text"  style="background-image:none;" />
            <br/><br/>
            <label for="campaigndatestart">Start Date<br>
              <input name="campaigndatestart" type="date" id="textfield" placeholder="mm/dd/yyyy"></label>
            </p>
          <p><br>
            <label for="campaigndateend">End Date<br>
              <input name="campaigndateend" type="date"  id="textfield" placeholder="mm/dd/yyyy">
              <br>
              <br>
              <br>
              Active upon Submission?</label>
          </p>
          <p>
            Yes <input name="setinitialstatus" type="radio" value="active">
            No <input name="setinitialstatus" type="radio" value="inactive" checked ><br/><br/>
            <span class=""><a class="buttonBigYellow" onclick="formSubmitRule('addcampaign')" href="javascript:void(0)">Add Campaign</a></span></p>
        </form>
        </div>
        
        
           <div style="width:200px; border:solid #666 medium; padding:15px;  float:left; margin-bottom:15px;">
        <h2>Edit Customer</h2>
        <br/>
        <form name="editcustomer" id="editcustomer" method="post" action="../Admin">
          <p>
            <label for="email">Email</label>
            <input name="customeremail"  class="text-input"  id="textfield" type="text"  style="background-image:none;" />
  <br/>
  <strong>or</strong></p>
          <p><br/>
            <label for="phonenumber">Phone Number </label><input name="phonenumber"  class="text-input"  id="textfield" type="text"  style="background-image:none;" />
            <br/>
            <br/>
            <span class=""><a class="buttonBigYellow" onclick="formSubmitRule('editcustomer')" href="javascript:void(0)">Search</a></span></p>
        </form>
        </div>
        
            
        
      </div>
	</div>
	</a>
    </center>
    

<!--	<p class="login-note shadow"><strong>*</strong>Forgot my Password</p> -->
<div style="height:25px;"></div>
</div>
<style>
#registration-block{
	display:none;
}
</style>

    </div>
<script>
    $('#register-button').click(function() {
      $('#registration-block').fadeIn('slow', function() {
        // Animation complete
      });
    });
</script>
</body>
</html>